
<template>
    <div>
        <h3>子组件</h3>
        <!-- defineProps 从父组件接收数据 -->
        <p>{{ msg }}</p>
        <p>{{ money }}</p>
        <button @click="sendDataToFather">给父组件发送数据</button>
    </div>
</template>

<script setup lang="ts">
// 接收父组件传递的 props
const props = defineProps<{ msg: string, money: number }>()

// 定义可触发的事件
const emit = defineEmits<{
  (e: 'childEvent', data: string): void
}>()

// 触发事件的方法
const sendDataToFather = () => {
  emit('childEvent', '来自子组件的数据')
}
</script>

<style scoped></style>